<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <!-- 信息文档 -->
        <meta charset="UTF-8" />
        <meta name="description" content="田瑾宇的博客，分享OI相关的知识和信息。" />
        <meta name="keywords" content="Blog,OIer,田瑾宇" />
        <meta name="author" content="田瑾宇" />
        <meta name="robots" content="index, follow" />
        <!-- 安全相关的HTTP示例） -->
        <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self'; connect-src 'self';" />
        <!-- 为IE=edge指定X-UA-Compatible -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" >
        <!-- 防止浏览器错误的解析文件类型 -->
        <meta http-equiv="X-Content-Type-Options" content="nosniff" >
        <!-- 视口设置，提升移动设备浏览体验 -->
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
        <!-- 标题设置 -->
        <title>田瑾宇的博客 - 分享OI</title>
        <!-- 文档样式 -->
        <style>
            body {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 500;
                font-size: 16px; /* 更标准的字体大小设置 */
            }
            header, footer {
                background: #f8f9fa;
                padding: 1em;
                text-align: center;
            }
            .content {
                padding: 1em; /* 修复padding属性值 */
            }
            section {
                margin-bottom: 1em; /* 为语义化标签增加样式 */
            }
            @media (max-width: 600px) {
                body {
                    font-size: 14px;
                }
                .content, section {
                    padding: 0.5em; /* 移动设备上减少padding */
                }
            }
        </style>
    </head>
    <body>
        <header>
            <h1>田瑾宇的博客</h1>
        </header>
        <main class="content">
            <section> 
                <p>测试内容：这是改进后的网页主体内容。</p>
            </section>
        </main>
        <footer>
            <p>版权所有 &copy; 2024 田瑾宇</p>
        </footer>
    </body>
</html>